<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<link rel="stylesheet" type="text/css" href="/css/jquery/jquery.autocomplete.css" />
		<link rel="stylesheet" type="text/css" href="/css/jquery/ui.all.css" />
		
		<link rel="stylesheet" type="text/css" href="/css/alerts/jquery.alerts.css"/>
				
		<script type="text/javascript" src="/js/jquery.autocomplete.min.js"></script>
    	<script type="text/javascript" src="/js/jquery-ui-1.7.2.custom.min.js"></script>
    	
    	<script type="text/javascript" src="/js/jquery.alerts.js"></script>    	
	    <script type="text/javascript" src="/js/ui.draggable.js"></script>   		
   
   		<script type="text/javascript" src="/js/date.js"></script>
    	
    	<script type="text/javascript" src="/terrenos/js/propietarios.js"></script>
    	<script type="text/javascript" src="/terrenos/js/ctas_bancarias.js"></script>
    	<script type="text/javascript" src="/terrenos/js/fincas.js"></script>
    	<script type="text/javascript" src="/terrenos/js/direccion.js"></script>
    	<script type="text/javascript" src="/terrenos/js/uso.js"></script>
    	    
		<style type="text/css">
			fieldset input {margin-bottom: 8px; text-transform: uppercase; text-align: center; color: #8AA743; font-size: 115%;}
			.ventana label {font-size: 13px;}
			.ventana input {margin-bottom: 8px; text-transform: uppercase; text-align: center; color: #8AA743; font-size: 115%;}			
		</style>		
	</head>
	
	<body>
		<div class="post-date">
			<p class="day">Propietarios</p>
		</div>
		<div class="post-info clear-block">
			<p class="author alignleft">
				<a href="javascript: cargar_propietarios();">Datos Generales</a>
				 | <a href="#">Informes Propietarios</a>
			</p> 	
		</div>
		
		<div id="cargando" class="cargando" style="height: 60px; text-align: center; margin-top: 20px; display: none;">
			<span style="color: red; font-weight: bold;">Procesando su petición. Por favor, espere ....</span>
		</div>		
								
<!-- INICIO DIV con la ficha con los datos del propietario -->
		<div id="busqueda_propietario" style="display: none;" class="post-content clear-block">
	 		 								
			<div style="width: 1040px; padding-left: 10px; margin-bottom: 20px;margin-top: 10px;">				
				<input type="button" value="Nuevo Propietario" onclick="limpiar_campos();">
				<input type="text" class="cargando" id="lista_propietarios" style="width: 450px; color: black; margin-left: 20px; margin-right: 20px;"/>
				<span id="avisos_propietario" class="cargando_left" style="display: none; width: 450px;">
					<span id="aviso_propietario" style="padding-left: 25px; color: red; font-weight: bold;"></span>
				</span>
				<br>			
			</div>
			
			<div id="datos_propietario" style="display: none;">
				<fieldset style="width: 500px; float: left; margin-left: 10px;">
					<legend>Información Personal</legend>
					<input type="checkbox" id="es_sociedad" onclick="MostrarApellidos();"/>&nbsp;<label class="options" style="vertical-align: top;">Es una Sociedad/Empresa/Organización/Administración</label><br><br>
					<label class="options">N.I.F. / C.I.F.</label><br><input type="text" id="nif" style="width: 90px;" maxlength="30"/><br>					
					<label class="options">Nombre / Denominación Social</label><br><input type="text" id="nombre" style="width: 490px;" maxlength="100"/><br>
					<div id="apellidos">						
						<label id="l_apellido1" class="options">Primer Apellido</label><br><input type="text" id="apellido1" style="width: 250px;" maxlength="50"/><br>
						<label id="l_apellido2" class="options">Segundo Apellido</label><br><input type="text" id="apellido2" style="width: 250px;" maxlength="50"/><br>
					</div>
					<label class="options">Estado Actual</label><br><input type="text" id="estado" style="width: 250px;"/><br>
					<br>
					<label class="options">Dirección</label><br><input type="text" id="direccion" style="width: 490px;" maxlength="100"/><br>
					<label class="options">Código Postal</label><br><input type="text" id="codigo_postal" style="width: 80px;" maxlength="10"/><br>
					<label class="options">Población</label><br><input type="text" id="poblacion" style="width: 300px;" maxlength="70"/><br>																														
					<label class="options">Provincia</label><br><input type="text" id="provincia" style="width: 190px;"/><br>
					<label class="options">País</label><br><input type="text" id="pais" style="width: 190px;"/><br>
					<br>
					<label class="options">Observaciones</label><br><textarea id="observaciones" rows="2" cols="1" style="color: red; width: 490px;"></textarea><br>								
				</fieldset>
				
				<fieldset style="width: 500px; float: left; margin-left: 10px;">
					<legend>Información Facturación</legend>
					<label class="options">Nº Facturas al Año : </label><input type="text" id="numero_pagos_anno" style="width: 20px;" maxlength="1"/><br>
					<input type="checkbox" id="generar_factura"/>&nbsp;<label class="options" style="vertical-align: top;">Generar Factura</label><br>
					<input type="checkbox" id="generar_iva"/>&nbsp;<label class="options" style="vertical-align: top;">Generar I.V.A.</label><br>
					<br>
					<label class="options" onclick="CopiarDireccion();" style="cursor: pointer;">Dirección</label><br><input type="text" id="direccion_factura" style="width: 490px;" maxlength="100"/><br>
					<label class="options">Código Postal : </label><input type="text" id="codigo_postal_factura" style="width: 80px;" maxlength="10"/><br>
					<label class="options">Población : </label><input type="text" id="poblacion_factura" style="width: 300px;" maxlength="70"/><br>																											
					<label class="options">Provincia : </label><input type="text" id="provincia_factura" style="width: 190px;"/><br>
					<label class="options">País : </label><input type="text" id="pais_factura" style="width: 190px;"/><br>
					<br>
					<label class="options">Cuentas Bancarias</label>
					<div id="lista_cuentas"></div>				
					<br>
					<label class="options">Lista de Facturas Emitidas</label>
					<div id="lista_facturas"></div>				
				</fieldset>
				
				<fieldset style="width: 513px; float: left; margin-left: 10px; margin-top: 10px;">
					<legend>Información Propiedades</legend>
					<div id="propiedades"></div>
				</fieldset>			
	
				<div id="guardar_datos" style="margin-top: 20px; display: none; float: left; width: 520px; margin-left: 10px; text-align: center;">			
					<input type="button" value="Grabar Datos" onclick="onClickGrabarDatosPropietario();" style="color: red;">
				</div>
			</div>
		</div>									
<!-- FIN DIV con la ficha con los datos del propietario -->									
			
									
		<br />
		<div class="post-date">
			<p class="day">Fincas</p>
		</div>
		<div class="post-info clear-block ">
			<p class="author alignleft">
				<a href="javascript: onClickSubMenu('datos_finca');">Datos Generales</a>
			</p>																	
		</div>			
		
<!-- INICIO DIV con la ficha con los datos de fincas -->					
		<div id="datos_finca" class="post-content clear-block" style="display: none;">
		
			<div style="width: 1040px; padding-left: 10px; margin-bottom: 20px;margin-top: 10px;">				
				<input type="button" value="Nueva Finca" onclick="limpiar_campos_finca();">
				<input type="text" class="cargando" id="lista_fincas" style="width: 300px; color: black; margin-left: 20px; margin-right: 20px;"/>
				<span id="avisos_finca" class="cargando_left" style="display: none; width: 450px;">
					<span id="aviso_finca" style="padding-left: 25px; color: red; font-weight: bold;"></span>
				</span>
				<br>			
			</div>		
		
			<div id="informacion_fincas" style="display: none;">
				<fieldset  style="width: 500px; float: left; margin-left: 10px;">
					<legend>Información General</legend>
					<label class="options">Número de Finca</label><br><input type="text" id="numero_finca" style="width: 200px;" maxlength="20" /><br>
					<label class="options">Nombre de Finca</label><br><input type="text" id="nombre_finca" style="width: 450px;" maxlength="100" /><br>		
					<label class="options">Observaciones</label><br><textarea id="observaciones_finca" rows="2" cols="1" style="color: red; width: 490px;"></textarea><br>
				</fieldset>
				<fieldset  style="width: 500px; float: left; margin-left: 10px;">
					<legend>Información Catastro</legend>
					<label class="options">Número de Registro</label><br><input type="text" id="numero_registro" style="width: 300px;" maxlength="50" /><br>
					<label class="options">Referencia Catastral</label><br><input type="text" id="referencia_catastral" style="width: 300px;" maxlength="50" /><br>
					<label class="options">Número de Polígono</label><br><input type="text" id="numero_poigono" style="width: 180px;" maxlength="10" /><br>		
					<label class="options">Número de Parcela</label><br><input type="text" id="referencia_catastral" style="width: 180px;" maxlength="10" /><br>
					<label class="options">Paraje</label><br><input type="text" id="referencia_catastral" style="width: 350px;" maxlength="100" /><br>
					<label class="options">Superficie</label><br><input type="text" id="referencia_catastral" style="width: 100px;" /><br>					
				</fieldset>				
			</div>		
		</div>
<!-- FIN DIV con la ficha con los datos de fincas -->		

		<br />
		<div class="post-date">
			<p class="day">Facturación</p>
		</div>
		<div class="post-info clear-block">
			<p class="author alignleft">
				<a href="javascript: onClickSubMenu('datos_facturas');">Por definir</a>
				 | <a href="javascript: onClickSubMenu('datos_facturas');">Por definir</a> 										
			</p>																	
		</div>			
		
		<div id="datos_facturas" class="post-content clear-block" ></div>																	
	
	<div id="ventana_cuenta" class="ventana">
		<input type="checkbox" id="es_cta_esp" checked="checked" onclick="DarFormato();"/>&nbsp;<label class="options" style="vertical-align: top;">Es una Cuenta Española</label><br><br>
		<label class="options">Nº Cuenta Bancaria</label><br><input type="text" id="cta_bancaria" style="width: 250px;" maxlength="50" onkeyup="DarFormato();"/><br>
		<input type="button" value="Grabar Cuenta" onclick="onClickGrabarCuentaBancaria();" style="color: red; font-size: 12px; text-transform: capitalize; float: right;">			
	</div>
	
	</body>
</html>